@charset "utf-8";  
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, th, td, div, span, img,  button, input, select, textarea{margin: 0;padding: 0;}  
/* color & background */      
html{color:#000; background:#FFF;}  
/* font */  
body, button, input, select, textarea { /* for ie */  
    font: 12px/18px Arial, Verdana, Microsoft YaHei;
} 
/* h1~h6 */  
h1 {font-size: 18px; font-weight: normal;}  
h2 {font-size: 16px; font-weight: normal;}  
h3 {font-size: 14px; font-weight: normal;}  
h4, h5, h6 {font-size: 100%; font-weight: normal;}  
/* a */  
a { text-decoration: none; }
/* list */  
ul,ol {list-style: none;}  
  
/* img border */  
img{border: 0;vertical-align:bottom;}  
  
/* table */  
table {border-collapse: collapse;border-spacing: 0;}  
/* clear */  
.clear {clear: both;} 


/*美沃手机网首页*/
.header { width: 100%; height: 50px; background: url(../images/rg_img/logo.png) center center no-repeat #8dbe0e; background-size: 50% 80%;}
.header h1 { color:#FFFFFF;}
/*header结束*/

.rg_nav { width: 100%; background-color: #8dbe0e; position: fixed; bottom: 0; border-top: 1px solid #e6e6e6; z-index:999;}
.rg_nav ul { width: 100%; overflow: hidden;}
.rg_nav ul li { float: left; width: 25%;}
.rg_nav ul li a { display: block; padding-top: 3px; padding-bottom: 3px;}
.rg_nav ul li a .nav-img { width: 40%; margin: auto; }
.rg_nav ul li a .nav-img img { width: 100%;}
.rg_nav ul li a p { text-align: center; color: #fff;}
.rg_nav ul li .active p { color: #44a0dd;}



#wrap { width: 100%; background-color: #efefef; padding-bottom:15%; margin-bottom:0px;}

#wrap .banner-img,#wrap .banner-img img { width: 100%;}
/*图片banner结束*/

#wrap .form { padding: 5px 6%; height: 30px; background-color: #fff; margin: 3px 0; overflow: hidden; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#wrap .form .text-server { width: 88%; height: 30px; background-color: #efefef; border: none; border-radius: 5px; padding-left: 2%; float: left; }
#wrap .form .btn-server { width: 10%; height: 30px; background: url(../images/rg_img/btn-server.png) center center no-repeat; border: none; background-size: 100% 100%;}
 /*搜索结束*/

#wrap .functionBox { width: 100%; background-color: #fff; margin:0px 0px 7px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#wrap .functionBox ul { padding:10px; overflow: hidden;}
#wrap .functionBox ul li { width: 25%; float: left; padding-bottom:25px; margin:8px 0px; position: relative; }
#wrap .functionBox ul li a{ width:100%; display:block; text-align:center;}
#wrap .functionBox ul li h2 { position: absolute; bottom: 0; left: 50%; margin-left: -24px; font-size: 12px; color: #4c4c4c;}
/*功能模块结束functionBox*/

#wrap .rg_content { width: 100%; background-color: #fff; margin-top: 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#wrap .rg_content .title { width: 100%; height: 60px; border-bottom: 1px solid #dcdddd; position: relative;}
#wrap .rg_content .title h3 { width: 100%; height: 55px; padding-top: 5px; line-height: 60px; text-align: center; color: #000; font-size: 18px;}
#wrap .rg_content .title b { width: 8px; height: 20px; display: block; position: absolute; left: 15px; top: 25px; background-color: #f44623; border-radius: 2px;}
#wrap .rg_content .title a { width: 24px; line-height: 14px; display: block; font-size: 12px; padding-left: 12px; color: #5f5d5d; position: absolute; right: 15px; top: 30px; background: url(../images/rg_img/ar-ico.png) left center no-repeat; background-size: 30%;}

#wrap .rg_content .list { padding: 20px 0; border-top: 1px solid #f0f1f1; overflow: hidden;}
#wrap .rg_content .list a { display: block; width: 100%;}
#wrap .rg_content .list .news { float: left; padding-left:4%; width: 28%; margin-bottom: 25px;}
#wrap .rg_content .list .news img { width: 100%;}
#wrap .rg_content .list .news .name { color: #5f5d5d; line-height: 20px; text-align: center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#wrap .rg_content .list .news .price { font-size: 15px; color: #f36713; line-height: 20px; text-align: center;}
/*新品首发结束content*/

#wrap .rg_content .list .hots { float: left; padding-left:4%; width: 28%; margin-bottom: 25px;}
#wrap .rg_content .list .hots a { display: block; width: 100%;}
#wrap .rg_content .list .hots img { width: 100%;}
#wrap .rg_content .list .hots .name { font-size: 16px; color: #5f5d5d; line-height: 20px; text-align: center;}
#wrap .rg_content .list .hots .name span { font-size: 12px;}
#wrap .rg_content .list .hots .price { font-size: 15px; color: #fd6002; line-height: 20px; text-align: center;}
/*热销机型结束content*/

#wrap .hotcar { width: 100%; background-color: #fff; margin-top: 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
#wrap .hotcar .title { width: 100%; height: 60px; border-bottom: 1px solid #dcdddd; position: relative;}
#wrap .hotcar .title h3 { width: 100%; height: 55px; padding-top: 5px; line-height: 60px; text-align: center; color: #000; font-size: 18px;}
#wrap .hotcar .title b { width: 8px; height: 20px; display: block; position: absolute; left: 15px; top: 25px; background-color: #1dccaa; border-radius: 2px;}
#wrap .hotcar .title a { width: 24px; line-height: 14px; display: block; font-size: 12px; padding-left: 15px; color: #5f5d5d; position: absolute; right: 15px; top: 30px; background: url(../images/rg_img/ar-ico.png) left center no-repeat; background-size: contain;}

#wrap .hotcar .hotcars { width: 50%; float: left; border-top: 1px solid #f0f1f1;}
#wrap .hotcar .hotcars a { width: 100%; padding-top: 20px; padding-bottom: 5px; display: block; overflow: hidden;}
#wrap .hotcar .hotcars .hotcar1,#wrap .hotcar .hotcars .hotcar3 { width: 100%; display: block; border-right: 1px solid #f0f1f1;}
#wrap .hotcar .hotcars a .left { width: 54%; padding-left: 3%; float: left;}
#wrap .hotcar .hotcars a .left h3 { font-size: 16px; color: #fd6002; margin: 10px 0;}
#wrap .hotcar .hotcars a .left p { font-size: 12px; color: #5f5d5d; }
#wrap .hotcar .hotcars a .right { width: 40%; padding-right: 3%; float: right;}
#wrap .hotcar .hotcars a .right img { width: 100%; overflow: hidden;}
/*热门直通车结束hotcar*/

#wrap .youlike { width: 100%; background-color: #fff; margin-top: 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
#wrap .youlike .title { width: 100%; height: 60px; border-bottom: 1px solid #dcdddd; position: relative;}
#wrap .youlike .title h3 { width: 100%; height: 55px; padding-top: 5px; line-height: 60px; text-align: center; color: #000; font-size: 18px;}
#wrap .youlike .title b { width: 8px; height: 20px; display: block; position: absolute; left: 15px; top: 25px; background-color: #1dccaa; border-radius: 2px;}
#wrap .youlike .title a { width: 24px; line-height: 14px; display: block; font-size: 12px; padding-left: 15px; color: #5f5d5d; position: absolute; right: 15px; top: 30px; background: url(../images/rg_img/ar-ico.png) left center no-repeat; background-size: contain;}

#wrap .youlike .youlike-list { padding: 25px 15px; border-top: 1px solid #f0f1f1; overflow: hidden;}
#wrap .youlike .youlike-list a { width: 22%;  margin-left: 4%; display: block; padding-bottom: 10px;}
#wrap .youlike .youlike-list .list { width: 18%; margin:auto 1%; float: left; overflow:hidden;}
#wrap .youlike .youlike-list .img,#wrap .youlike .youlike-list .img img { width: 100%;}

#wrap .youlike .youlike-list .name { color: #5f5d5d; width:100%; line-height: 20px; text-align: center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#wrap .youlike .youlike-list .price { color: #fd6002; line-height: 20px; text-align: center;}
/*猜你喜欢结束youlike*/

#wrap .other { width: 100%; background-color: #fff; margin-top: 10px; margin-bottom: 10px; padding:5px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#wrap .other .other-content { padding: 20px 0 15px; border-bottom:  1px solid #dcdddd; overflow: hidden;}
#wrap .other .other-content li { width: 19%; padding:3%; float: left; }
#wrap .other .other-content li a { display: block;}
#wrap .other .other-content li a .img,#wrap .other .other-content li a .img img { width: 90%; padding: 0 5%;}
#wrap .other .other-content li a p { text-align: center; color: #5f5d5d;}

#wrap .other .public {width: 100%; border-top: 1px solid #e6e6e6; overflow: hidden;}
#wrap .other .public h4 { width: 15%; line-height: 50px; color: #000; float: left; padding-left:20px; margin:0px 5px; background: url(../images/rg_img/public.png) left center no-repeat; background-size:30%;}
#wrap .other .public p { line-height: 50px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; position:relative;}
#wrap .other .public p a { width:85%; color: #5f5d5d; }
#wrap .other .public p a.a_more { width:15%; position:absolute; right:10px;}
/*other结束*/

#wrap .footer { width: 100%; background-color: #fff; border-top: 1px solid #dcdddd;}
#wrap .footer .footer-t {margin:0px 20px; position: relative; overflow:hidden;}
#wrap .footer .footer-t  a{ height: 50px; line-height: 50px; font-size: 16px; color: #000; display:block;}
#wrap .footer .footer-t .rg_login { float:left; margin-right:10px;}
#wrap .footer .footer-t .rg_register { float:left;}
#wrap .footer .footer-t .rg_totop { float:right;}

#wrap .footer .footer-c { width: 100%; height: 70px; padding-top: 30px; border-top: 1px solid #e6e6e6;}
#wrap .footer .footer-c p { text-align: center; line-height: 25px;}
#wrap .footer .footer-c p a {margin:30px 20px 10px; color: #3295d7;}/*footer结束*/


/*cate.html页面***cate.html页面**cate.html页面*/
#wrap .cate-header { width: 100%; height: 50px; position: relative; background-color: #8dbe0e; border-bottom: 5px solid #fff;}
#wrap .cate-header h1 { font-size: 20px; color: #FFF; line-height: 50px; letter-spacing: 3px; text-align: center;}
#wrap .cate-header .back { display: block; width: 24px; height: 24px; position: absolute; left: 15px; top: 13px; }
#wrap .cate-header .server { display: block; width: 30px; height: 30px; position: absolute; right: 15px; top: 10px; }
/*cate-header头部结束*/

#wrap .cate-breadcrumbs { width: 100%; height: 45px; line-height: 45px; color: #44a0dd; background-color: #fff; border-top: 1px solid #e6e6e6; text-align: left;}
#wrap .cate-breadcrumbs a { font-size: 16px; color: #44a0dd; margin: 0 10px; border:none; width:inherit; height:inherit; line-height:normal; display:initial; float:none;}  
/*Breadcrumbs面包屑导航结束*/

#wrap .cate-content { width: 100%; background-color: #efefef; overflow: hidden;}
#wrap .cate-content .sidebox { width: 25%; float: left; background-color: #fff;}
#wrap .cate-content .sidebox .cate-list { width: 100%; height: 43px; line-height: 43px; text-align: center; font-size: 16px; color: #000; }
#wrap .cate-content .sidebox .cate-list a { width: 100%; height: 43px; line-height:43px; display: block; font-size: 16px; color: #000;}
#wrap .cate-content .sidebox #nav_brand a { border-right:none;}

#wrap .cate-content .cate-contents { width: 75%; float: right; background-color: #fff;}
#wrap .cate-content .cate-contents ul { padding-left: 4%; overflow: hidden; margin-bottom:30%;}
#wrap .cate-content .cate-contents ul li { width:33.33%; margin:10px 0px 0px 0px; float: left; text-align:center;}
#wrap .cate-content .cate-contents ul li a {  width:auto; height:auto; line-height:normal; float:none; border:none; display: block; color: #000; overflow:hidden; }
#wrap .cate-content .cate-contents ul li a.s_on{ background:#8dbe0e; color:#FFFFFF; border-radius:5px;}
#wrap .cate-content .cate-contents ul li a .cate-img,#wrap .cate-content .cate-contents ul li a .cate-img img { width: 70%; margin:auto; display:block; }
#wrap .cate-content .cate-contents ul.rg_attr_ul li a .cate-img,#wrap .cate-content .cate-contents ul.rg_attr_ul li a .cate-img img { width: 100%; }
#wrap .cate-content .cate-contents ul li a p { text-align: center; height:20px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#wrap .cate-content .cate-contents ul.rg_attr_ul li a p { text-align: center; height:50px; overflow:hidden;text-overflow:inherit; white-space:normal;}

#wrap .cate-content .cate-contents ul li.rg_win a{ font-size:11px; border:#cccccc solid 2px; border-radius:10px; box-shadow:0 0 3px #cccccc; line-height:16px; padding:10px 5px; margin:10px 5px 0 5px; vertical-align:middle; position:relative;}
#wrap .cate-content .cate-contents ul li.rg_cpu a{ background:url(../images/rg_img/attr_img/cpu.jpg) no-repeat; background-size:100% 100%; margin:10px 2px 0 2px; padding:23px 10px 27px 0px; color:#FFFFFF;}
#wrap .cate-content .cate-contents ul li.rg_cpu a p{ height:auto; }
#wrap .cate-content .cate-contents ul li.rg_sys a .cate-img{ min-height:40px; }

.rg_here{ font-size:16px; overflow:hidden; height: 43px; line-height:43px; padding:0px 10px; color:#44a0dd; text-align:left; }

/*area.html页面***area.html页面**area.html页面*/
#wrap .area-contents { width: 100%; background-color: #fff; margin-top: 5px;}
#wrap .area-contents ul { width: 100%;}
#wrap .area-contents ul li { overflow: hidden; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #dcdddd; }
#wrap .area-contents ul li a { display: block; padding: 30px 5% 15px; overflow: hidden;}
#wrap .area-contents ul li .area-img { width: 25%; float: left;}
#wrap .area-contents ul li .area-img img { width: 100%;}

#wrap .area-contents ul li .area-info { float: right; width: 72%; position: relative;}
#wrap .area-contents ul li .area-info h3 { width: 100%; font-size: 18px; color: #000; margin-top: 5px; font-weight: bold; overflow: hidden;}
#wrap .area-contents ul li .area-info h3 a { font-size: 18px; color: #000; }
#wrap .area-contents ul li .area-info h3 span { font-size: 12px;}
#wrap .area-contents ul li .area-info .p1 { width: 100%; font-size: 12px; color: #8f8e8e; font-family: "宋体"; margin-top: 8px; margin-bottom: 8px;}
#wrap .area-contents ul li .area-info .p2 b {font-size: 16px; color: #f36713; line-height: 16px; margin-right: 10px;}
#wrap .area-contents ul li .area-info .p2 { width: 100%;}
#wrap .area-contents ul li .area-info .p2 span { font-size: 12px; color: #858585; text-decoration: line-through;} 
#wrap .area-contents ul li .area-info strong { display: block; width: 25px; height: 25px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
/*area-contents主内容区结束*/

#wrap .area-public {width: 100%; border-top: 1px solid #e6e6e6; background-color: #FFF; margin-bottom: 10px; overflow: hidden;}
#wrap .area-public h4 { width: 20%; line-height: 50px; font-size: 16px; color: #000; float: left; padding-left:40px; margin-right: 8px; background: url(../images/rg_img/public.png) left center no-repeat;}
#wrap .area-public p { line-height: 20px; margin-top: 5px;}
#wrap .area-public p a { color: #5f5d5d; }
/*area-public结束*/

/*detail.html页面***detail.html页面**detail.html页面*/
#wrap .detail-menu { width: 100%; height: 40px; background-color: #FFF; }
#wrap .detail-menu ul { width: 100%; overflow: hidden;}
#wrap .detail-menu ul li { float: left; width: 25%; text-align: center; line-height: 39px; border-bottom: 1px solid #ddd;}
#wrap .detail-menu ul li a { display: block; width: 100%; font-size: 16px; color: #000;}
#wrap .detail-menu ul .active { border-bottom: none;}
#wrap .detail-menu ul .active a { background: url(../images/rg_img/tab-bg.png) center top no-repeat; background-size: contain; color: #FFF; padding-bottom: 10px;}
/*detail.html结束*/

#wrap .detail-banner { padding:50px 5% 0; background-color: #FFF; text-align: center; }
#wrap .detail-banner img { width: 40%; overflow: hidden;}
#wrap .detail-banner .banner-control { padding: 0 5% 20px; border-bottom: 1px solid #ddd;}
/*detail-banner结束*/

#wrap .detail-intro { padding: 10px 5%; background-color: #FFF; border-bottom: 1px solid #ddd; margin-bottom: 10px; position: relative; }
#wrap .detail-intro h2 { font-size: 18px; color: #000; font-weight: bold; margin: 10px 0;}
#wrap .detail-intro .p1 { font-size: 14px; color: #858585; line-height: 20px; font-family: "宋体"; margin-bottom: 6px;}
#wrap .detail-intro .p2 { line-height: 24px;}
#wrap .detail-intro .p2 b {font-size: 16px; color: #f36713; line-height: 16px; margin-right: 10px;} 
#wrap .detail-intro .p2 span { font-size: 12px; color: #858585; text-decoration: line-through; margin-right: 15px;}
#wrap .detail-intro .p2 a { font-size: 12px; padding: 5px; color: #44a0dd; background-color: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 5px;}
#wrap .detail-intro strong { display: block; width: 55px; height: 50px; overflow: hidden; position: absolute; right: 5%; bottom: 10px;}
/*detail-intro结束*/

#wrap .detail-choose1 { width: 100%; padding: 15px 0; background-color: #FFF; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#wrap .detail-choose1  .rows { padding: 0 5%; overflow: hidden; margin: 10px 0;}
#wrap .detail-choose1  .rows h6 { float: left; font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; color: #575656; }
#wrap .detail-choose1  .rows .right { float: left; overflow: hidden;}
#wrap .detail-choose1  .rows .right a { font-size: 16px; display: block; float: left; font-weight: bold; font-family: "宋体"; padding: 6px 8px; letter-spacing: 3px; color: #44a0dd; background-color: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 5px; margin: 4px 8px;} 
#wrap .detail-choose1  .rows .right a.active { background-color: #44a0dd; color: #FFF;} 
/*detail-choose1结束*/

#wrap .detail-choose2 { width: 100%; padding: 15px 0; background-color: #FFF; margin-top: 10px; margin-bottom: -10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#wrap .detail-choose2  .rows { padding: 0 5%; overflow: hidden; margin: 20px 0;}
#wrap .detail-choose2  .rows h6 {font-size: 16px; font-weight: bold; color: #575656; margin-bottom: 10px; }
#wrap .detail-choose2  .rows .right { overflow: hidden;}
#wrap .detail-choose2  .rows .right .select0 { width: 25%; margin-right: 5%; height: 25px; border-radius: 3px; margin-bottom: 10px;}
#wrap .detail-choose2  .rows .right p { color: #f44c2b; font-size: 14px; font-weight: bold; letter-spacing: 2px; clear: both;}
#wrap .detail-choose2  .rows .right .show { display: block; float: left; margin-right: 10px; margin-bottom: 10px; padding: 3px 5px; border: 1px solid #ddd; background-color: #FFF; font-size: 16px; color: #44a0dd; border-radius: 3px;}
#wrap .detail-choose2  .rows .right .show span { color: #f44c2b; font-size: 14px; }
#wrap .detail-choose2  .rows .right .city { display: block; float: left; margin-left: 10px; margin-bottom: 10px; padding: 3px 5px; border: 1px solid #ddd; background-color: #f7f7f7; font-size: 16px; color: #000; border-radius: 3px;}
#wrap .detail-choose2  .rows .right .lable { display: block; float: left; margin-left: 10px; margin-bottom: 10px; padding: 3px 5px; border: 1px solid #ddd; background-color: #f7f7f7; font-size: 16px; color: #000; border-radius: 3px;}
/*detail-choose2结束*/

#wrap h2 { margin-top: 20px; margin-left: 20px;}
/*支持服务结束*/

#wrap .detail-info { width: 100%; background-color: #FFF;  border-top: 1px solid #ddd; padding-bottom: 25px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
#wrap .detail-info h3 { font-size: 18px; font-family: "宋体"; color: #000; font-weight: bold; margin-top: 30px; margin-left: 15px; margin-bottom: 25px;}
#wrap .detail-info p {/* font-family: "宋体";*/ font-size: 14px; color: #333; line-height: 25px; margin-left: 15px;} 

.rg_hidden{ display:none;}

.rg_tabs{ background:#FFFFFF;}
#TabCon1,#TabCon2,#TabCon3,#TabCon4{width:100%;}
.xixi1,.xixi2,.xixi3,.xixi4{width:100%;height:40px; cursor:pointer; }
.tab1,.tab2,.tab3,.tab4{width:25%;height:40px; line-height:40px; border-left:#CCCCCC solid 1px; margin-left:-1px; float:left; cursor:pointer; text-align:center; border-bottom:#CCCCCC solid 1px; }
.tab1{ border-bottom:#FFFFFF solid 1px;}